<script type="text/javascript">
	$(document).ready(function() {
	
	    // On récupère la balise <div> en question qui contient l'attribut « data-prototype » qui nous intéresse.
	    var container = $('#dp_eventbundle_eventtype_tags');
		
	    // On définit une fonction qui va ajouter un champ.
	    function add_tag() {
	        // On définit le numéro du champ (en comptant le nombre de champs déjà ajoutés).
	        index = container.children().length;
	
	        // On ajoute à la fin de la balise <div> le contenu de l'attribut « data-prototype »,
	        // après avoir remplacé la variable $$name$$ qu'il contient par le numéro du champ.
	        container.append(
	            $(container.attr('data-prototype').replace(/\$\$name\$\$/g, index))
	        );
	    }
		
	    // On ajoute un premier champ directement s'il n'en existe pas déjà un.
	    if(container.children().length == 0) {
	        add_tag();
	    }
		
	    // On ajoute un nouveau champ à chaque clic sur le lien d'ajout.
	    $('#add_tag').click(function() {
	        add_tag();
	    });
	});
</script>

<h3>Formulaire d'&eacute;v&eacute;nement</h3>

<div class="well">
	<form action="#" method="post" {{ form_enctype(obj_form) }}>

		<!-- Les erreurs générales du formulaire. -->
		{{ form_errors(obj_form) }}
		
		<div>
		    <!-- Génération du label. -->
		    {{ form_label(obj_form.titre, "Titre de l'événement") }}
		
		    <!-- Affichage des erreurs pour ce champ précis. -->
		    {{ form_errors(obj_form.titre) }}
		
		    <!-- Génération de l'input. -->
		    {{ form_widget(obj_form.titre) }}
		</div>
		
		<!-- Idem pour soustitre. -->
		<div>
		    {{ form_label(obj_form.soustitre, "Sous-titre de l'événement") }}
		    {{ form_errors(obj_form.soustitre) }}
		    {{ form_widget(obj_form.soustitre) }}
		</div>
		
		<!-- Idem pour description. -->
		<div>
		    {{ form_label(obj_form.description, "Description de l'événement") }}
		    {{ form_errors(obj_form.description) }}
		    {{ form_widget(obj_form.description) }}
		</div>

		<!-- Ajout d'un lien pour ajouter un champ tag supplémentaire. -->
		<a href="#" id="add_tag">Ajouter un tag</a>

		<!-- Génération des champs pas encore écrits.
		     Dans cet exemple, ça serait « date », « auteur » et « tags »,
		     mais aussi le champ CSRF (géré automatiquement par Symfony !)
		     et tous les champs cachés (type « hidden »). -->
		{{ form_rest(obj_form) }}
		<input type="submit" />
	</form>
</div>